$(document).ready(function(){
    $(".icon").click(function(e){
        var indexStr=e.target.id;
        var index=indexStr.substr(-1);
        $(".sst").hide();
        $("#sst"+index).show();

       
        $(".dd1").hide();
        $(".icon").show();
        $("#icon"+index).hide();
        $("#active"+index).show();
        // $(".icon").show();

        $(".xdd").hide();
        $("#xdd"+index).show();

        $(".zz").hide();
        $("#z"+index).show();

        $(".by").hide();
        $("#by"+index).show()
    });
    $(".dh").hover(function(e){
        var dh=e.target.id;
        var dh_css=dh.substr(-1);
        $(".lt").hide();
        $("#dh"+dh_css).show();
        // $("#span"+dh_css).css("color"," turquoise")
    });
});
    